body,html{
    width: 100%;
    height: 100%;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline: 0;
    box-sizing: border-box;
    position: relative;
}
input,button,textarea,select{
    box-sizing: border-box;
    box-shadow: none;
    outline: none;
    border: none;
}
h1,h2,h3,h4,h5,h6,em,i {
    font-weight: 100;
    font-style: normal;
}
ul,ol,li {
    list-style-type: none;
}
a {
    text-decoration: none;
}
button:active{
    transform: translateY(2px);
}
input:-webkit-input-placeholder{
  font-size: 16px;
  color: #C7C7CC;
}

div::-webkit-scrollbar{
    width:10px;
    height:10px;
    /**/
  }
  div::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius:2px;
  }
  div::-webkit-scrollbar-thumb{
    background: #bfbfbf;
    border-radius:10px;
  }
  div::-webkit-scrollbar-thumb:hover{
    background: #333;
  }
  div::-webkit-scrollbar-corner{
    background: #179a16;
  }

.display(){
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.whitespacenowrap(){
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}



@import "./color/colors.less";
@import "./fontsize/fontsizes.less";
@import "./public/header.less";
@import "./login.less";
@import "./home.less";
@import "./contrac.less";
@import "./systemannouncement.less";
@import "./newsflash.less";
@import "./adoutus.less";
@import "./assets.less";
@import "./extension.less";
@import "./withdrawal.less";
@import "./securitycenter.less";
@import "./authentication.less";

.blackSelect{
    background: #161C2B !important;
    border-color: #262A43 !important;
    .selected {
        background: #1D2237 !important;
        color: #FFFFFF !important;
    }
    .popper__arrow{
        opacity: 0;
    }
    .hover{
        
    background: #161C2B !important;
    border-color: #262A43 !important;
    }
}

.rise{
    color: @color7 !important;
}
.risebackground{
    background-color: @color7 !important;
}
.fall{
    color: @color6 !important;
}
.fallbackground{
    background-color: @color6 !important;
}

.el-message-box{
    width: 600px !important;
}

.el-tabs--border-card{
  border: none !important;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
    background-color: #3A80F4 !important;
    color: #FFFFFF !important;
}
.el-tabs--border-card>.el-tabs__item{
    padding-right: 35px !important;
    padding-left: 35px !important;
}
.el-tabs--card>.el-tabs__header .el-tabs__item{
    border-left: 0px solid !important;
}
.el-tabs--card>.el-tabs__header .el-tabs__nav{
    border: 0 !important;
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
    background-color: #EFEFF4;
    color: #3A80F4 !important;
    border-bottom-color: #EFEFF4;
}

.el-message-box{
  background-color: #182330 !important;
  border: none!important;
  .el-message-box__title{
    color: #fff!important;
  }
}
.el-dialog{
  background-color: #182330 !important;
}
.el-dialog__title{
  color: #CCCCCC!important;
}
.el-input__inner,.el-textarea__inner{
  background-color: #131C28!important;
  color: #fff!important;
  font-family: Arial, Helvetica, sans-serif;
}
.el-pager li{
  background-color: transparent!important;
  color: #999;
}

.trade_list,.assetstotal,.assetsdetailed,.securitycenter, .Myfriends{
  .el-table{
    color: #999;
    background-color: #0A1017;
    tr,th{
      background-color: #182330;
    }
    .ava{
      width:36px;
      height:36px;
      line-height: 36px;
      background:rgba(27,41,69,1);
      border-radius:50%;
      color: #fff;
      float: left;
      margin-right: 10px;
    }
    .name{
      color: #fff;
      font-size: 16px;
      text-align: left;
    }
    .info{
      font-size: 12px;
      text-align: left;
    }
    img{
      margin-right: 10px;
    }
  }
  .el-table--border::after, .el-table--group::after, .el-table::before{
    background-color: #243141;
  }
  .el-table td, .el-table th.is-leaf{
    border: none;
  }
  .el-table--enable-row-hover .el-table__body tr:hover>td{
    background-color: #243141;
  }
}
    
.Order{
    .el-tabs--border-card>.el-tabs__header{
        background-color: #182330;
    }
    .el-table__header-wrapperr{
        .el-table th, .el-table tr{
            background-color: #182330;
        }
    }
    .el-tabs__content{
        padding: 0px !important;
        
    }
}
.captcha{
    position: relative;
    .el-message-box__container{
        z-index: 1000;
    }
    img{
        position: absolute;
        top: 15px;
        right: 0px;
        z-index: 100%;
    }
}

.textleft{
    text-align: left;
}
.textcenter{
    text-align: center;
}
.textright{
    text-align: right;
}

.minwidth(){
    width: 100%;
    min-width: 1280px;
}

.widthmargin(){
    width: 1280px;
    margin: 0 auto;
}
